<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>一朵 - 支付完成</title>
  <!-- swiper-2.7css -->
    <link rel="stylesheet" href="./static/js/swiper/idangerous.swiper.css">
  <!-- swiper-2.7js -->
    <script src="./static/js/swiper/idangerous.swiper.min.js"></script>
  <!-- jquery-3.2.1引用 -->
    <script src="./static/js/global/jquery-3.2.1.min.js"></script>
  <!-- 阿里巴巴矢量图库 -->
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_561814_qyaihbkw7dx3whfr.css">
  <!-- 公共头部 脚部 -->
    <link rel="stylesheet" href="./static/css/global/global.css">
  <!-- 超过1200屏幕 -->
    <link rel="stylesheet" media="screen and (min-width: 1200px)" href="./static/css/succeed/succeed1200.css" />
  <!-- 1080-1200 -->
    <link rel="stylesheet" media="screen  and (min-width: 1080px) and (max-width: 1199px) " href="./static/css/succeed/succeed1080.css"
    />
  <!-- 960-1080 -->
    <link rel="stylesheet" media="screen  and (min-width: 960px) and (max-width: 1079px) " href="./static/css/succeed/succeed960.css"
    />
  <!-- 768-959 -->
    <link rel="stylesheet" media="screen  and (min-width: 768px) and (max-width: 959px) " href="./static/css/succeed/succeed768.css"
    />
  <!-- 568-767 -->
    <link rel="stylesheet" media="screen  and (min-width: 568px) and (max-width: 767px) " href="./static/css/succeed/succeed568.css"
    />
  <!-- 375-567 -->
    <link rel="stylesheet" media="screen  and (min-width: 375px) and (max-width: 567px) " href="./static/css/succeed/succeed375.css"
    />
  <!-- 小于375-->
    <link rel="stylesheet" media="screen  and (max-width: 374px) " href="./static/css/succeed/succeed320.css" />
</head>

<body>
    <div class="M">
        <div class="m-header">
            <div>

                <span>
                    <span class="iconfont icon-xiangzuo"></span>
                    返回
                </span>
                <span>商品详情</span>
                <span>
                    <a href="" class="my" style="display: none">
                        个人中心个人中心个人中心
                    </a>
                    <a href="">登录</a>
                    <a href="">注册</a>
                    <a href="" class="car">
                        <span class="iconfont icon-gouwuche"></span>
                        <span>1</span>
                    </a>
                </span>
            </div>
        </div>
        <div class="m-contnet">
            <div>
                <p>付款成功</p>
                <img src="./static/img/succeed/succeed.png" alt="">
                <p>获得
                    <span>1999</span>积分</p>
                <p>
            </div>
            <a href="">查看订单</a>
        </div>
      <!-- 移动端优惠券循环开始 -->
        <div class="pc-discounts-esc ">
            <div>
                <img src="./static/img/shanchu/happy.png" alt="">
            </div>
            <div>
                <div>
                    <p>
                        <span>￥</span>
                        <span>30</span>
                    </p>
                </div>
                <div>
                    <p>满199减30（仅限饮品）</p>
                    <p>2018.01.08-2019.01.08</p>
                </div>
                <div>
                    <span>
                        使用
                    </span>
                </div>
            </div>
        </div>
      <!-- 移动端优惠券循环结束 -->
    </div>
    <div class="PC">
        <div class="pc-headline">
            <p>
                <span>
                    <span></span> 选择商品
                </span>
                <span>-------------</span>
                <span>
                    <span></span>确认订单</span>
                <span>-------------</span>
                <span>
                    <span></span>付款</span>
                <span>-------------</span>
                <span class="pc-gaoliang">
                    <span></span>交易完成</span>
            </p>
        </div>
        <div class="pc-content">
            <p>付款成功</p>
            <img src="./static/img/succeed/succeed.png" alt="">
            <p>获得
                <span>1999</span>积分</p>
            <p>
                <a href="">查看订单</a>
            </p>
        </div>
        <div class="pc-discounts">
            <div>
                <div>
                    <div style="background-image: url('./static/img/shanchu/happy.png');">
                        <p>
                            <span>￥</span>
                            <span>199</span>
                        </p>
                    </div>
                    <div>
                        <p>满199减30（仅限饮品）</p>
                        <p>2018.01.08-2019.01.08</p>
                    </div>
                    <div>
                        <a href="">领取</a>
                    </div>
                </div>
            </div>
            <div>
                <div>
                    <div style="background-image: url('./static/img/shanchu/happy.png');">
                        <p>
                            <span>￥</span>
                            <span>199</span>
                        </p>
                    </div>
                    <div>
                        <p>满199减30（仅限饮品）</p>
                        <p>2018.01.08-2019.01.08</p>
                    </div>
                    <div>
                        <a href="">领取</a>
                    </div>
                </div>
            </div>
            <div>
                <div>
                    <div style="background-image: url('./static/img/shanchu/happy.png');">
                        <p>
                            <span>￥</span>
                            <span>199</span>
                        </p>
                    </div>
                    <div>
                        <p>满199减30（仅限饮品）</p>
                        <p>2018.01.08-2019.01.08</p>
                    </div>
                    <div>
                        <a href="">领取</a>
                    </div>
                </div>
            </div>
            <div>
                <div>
                    <div style="background-image: url('./static/img/shanchu/happy.png');">
                        <p>
                            <span>￥</span>
                            <span>199</span>
                        </p>
                    </div>
                    <div>
                        <p>满199减30（仅限饮品）</p>
                        <p>2018.01.08-2019.01.08</p>
                    </div>
                    <div>
                        <a href="">领取</a>
                    </div>
                </div>
            </div>
            <div>
                <div>
                    <div style="background-image: url('./static/img/shanchu/happy.png');">
                        <p>
                            <span>￥</span>
                            <span>199</span>
                        </p>
                    </div>
                    <div>
                        <p>满199减30（仅限饮品）</p>
                        <p>2018.01.08-2019.01.08</p>
                    </div>
                    <div>
                        <a href="">领取</a>
                    </div>
                </div>
            </div>

        </div>
    </div>

</body>

</html>